Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

180
Visualizações
canvas.toDataURL() devuelve [promesa de objeto]

¿Puede alguien decirme por qué canvas.toDataURL() muestra [object Promise] ? Quiero cargar una imagen node-canvas en mi sitio web con una etiqueta de imagen en HTML. Aquí está mi código:

 Handlebars.registerHelper('updateImage', async function (id, user) { const welcome = new Keyv(`sqlite://data/welcome/${id}.sqlite`); const bgimg = await welcome.get('canvas-join-bgimg') ? await welcome.get('canvas-join-bgimg') : `https://i.imgur.com/XMPcnz1.jpeg`; const Canvas = require('canvas'); const background = await Canvas.loadImage(bgimg); const avatardash = await Canvas.loadImage(user.displayAvatarURL({ dynamic: true, size: 1024 })); const canvas = Canvas.createCanvas(700, 250); const context = canvas.getContext('2d'); context.drawImage(background, 0, 0, canvas.width, canvas.height); return new Handlebars.SafeString( '<img src=' ' + canvas.toDataURL() + ' ' />' ); });

Lo siento, pero sigo aprendiendo, y no veo nada de esto en la web.

EDITAR: Aquí puedes ver el resultado en mi sitio web:

Resultado

Cualquier ayuda sería muy apreciada. Gracias.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Es porque aún no has esperado la promesa, por lo tanto, la promesa no está resuelta.

Esperar la promesa es simple, simplemente agregue la palabra clave await :

 return new Handlebars.SafeString( `<img src="${await canvas.toDataURL()}">` );

El código anterior está esperando la promesa y usa literales de plantilla para evitar la concatenación de cadenas.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda